<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#bgc{
				position: relative;
				width: 100%;
				height: 800px;
				background: url(img/login.jpeg);
				background-size:100% 100%;
			}
			#loginbox{
				/*padding-top: 80px;*/
				position: absolute;
				width: 460px;
				height: 380px;
				background-color: #ccc;
				background-color:rgba(0,0,0,0.3);
				top: 150px;
				right: 160px;
			}
			#loginbox #username,#password,#code{
				margin-left: 80px;
				margin-top: 20px;
				width: 280px;
				height: 44px;
				color: gainsboro;
				background-color: #ccc;
				background-color:rgba(0,0,0,0.4);
				border: 0px;
				outline: none;
				border-radius: 5px;
			}
			#loginbox #code{
				width: 150px;
			}
			img{
				width: 100px;
				height: 44px;
			}
			#loginbox #codeimg{
				position: relative;
				top: -44px;
				left: 260px;
				width: 100px;
				height: 44px;
				background-color: #ccc;
				background-color:rgba(0,0,0,0.4);
				
			}
			#loginbox #btn{
				position: relative;
				top: -20px;
				margin-left: 80px;
				width: 280px;
				height: 44px;
				color: gainsboro;
				background-color: #ccc;
				background-color:rgba(0,0,0,0.6);
				border: 0px;
				outline: none;
				border-radius: 5px;
			}
			h3{
				margin: 30px 0px 10px 0px;
				margin-left: 140px;
			}
			
			
		</style>
	</head>
	<body >
		<div id="bgc">
			<form action="" method="post">
				<div id="loginbox">
					<h3>学生学籍管理系统</h3>
					<input type="text" name="username" id="username" value="" placeholder="  请输入用户名"/>
					<input type="text" name="password" id="password" value="" placeholder="  请输入密码"/>
					<input type="text" name="code" id="code" value=""/>
					<div id="codeimg"><img src="img/code.jpg"/></div>
					<input type="submit" name="btn" id="btn" value="登录" />
			 	</div>
			</form>
		</div>
	</body>
</html>
